<%--
  - Author		:	이 영호
  --%>
<%@ page language="java" %>
<%@ page contentType="text/html; charset=utf-8" %>
<%@ page pageEncoding="utf-8" %>
<%@ include file="./WEB-INF/pages/includes/taglibs.jspf" %>
<%@ include file="/WEB-INF/pages/includes/variables.jspf" %>
<%@ include file="/WEB-INF/pages/includes/doctype.jspf" %>
<html>
	<head>
<%@ include file="/WEB-INF/pages/includes/metatags.jspf" %>
		<title><fmt:message key="pages.title" /></title>
		<link rel="stylesheet" type="text/css" href="<c:url value="${dirStyles}/common.css" />" />
		<script type="text/javascript" src="<c:url value="${dirScripts}/jquery-1.7.2.min.js" />"></script>
		<script type="text/javascript">
			$(function(){
				document.loginFrm.userId.focus();
			});
			
			function goAction(){
				if(validation()){
					document.loginFrm.submit();	
				}
			}
			
			function validation(){
				if(document.loginFrm.userId.value == ""){
					alert("아이디를 입력하세요.");
					document.loginFrm.userId.focus();
					return false;	
				}
				
				if(document.loginFrm.userPw.value == ""){
					alert("비밀번호를 입력하세요.");
					document.loginFrm.userPw.focus();
					return false;
				}
				
				return true;
			}
			
		</script>
	</head>
	<body>
		<div class="mainWrap">
			<%@ include file="/WEB-INF/pages/includes/header.jsp" %>
			<div class="bodyWrap">
				<div class="loginWrap">
					<div class="loginTitle"><img src="<c:url value="${dirImages}/login_txt.png" />" title="LOGIN PAGE" alt="LOGIN PAGE"></div>
					<div class="loginFrmWrap">
						<form name="loginFrm" method="POST" action="./login" onsubmit="return validation();">
							<div class="loginInfoWrap">
								<div>
									<font>ID</font>
									<input type="text" maxlength="15" name="userId" value="" autofocus="autofocus">
								</div>
								<div>
									<font>password</font>
									<input type="password" maxlength="15" name="userPw" value="">
								</div>
							</div>
							<input type="submit" class="loginBtn" style="background: url('<c:url value="${dirImages}/bt_login.gif" />'); width:90px; height:70px; border:none;" value="">
							<%--
							<a class="loginBtn" href="javascript:goAction();"><img src="<c:url value="${dirImages}/bt_login.gif" />" title="로그인" alt="로그인"></a>
							
							 --%>
							
						</form>
					</div>
					<div class="btnWrap">
						<a href="<c:url value="/user/join.do" />"><img src="<c:url value="${dirImages}/bt_join.gif" />" title="회원가입하기" alt="회원가입하기"></a>
						<a href="#"><img src="<c:url value="${dirImages}/bt_id_find.gif" />" title="아이디/비밀번호 찾기" alt="아이디/비밀번호 찾기"></a>
					</div>
				</div>
			</div>
		</div>
		<%@ include file="/WEB-INF/pages/includes/footer.jsp" %>
	</body>
</html>